<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>TODO supply a title</title>
    </head>
    <body>
       <ui:composition template="/template.xhtml">
           <ui:define name="left">
               <h:form id="menu">
                   <h:commandLink action="/index" value="Menu"/>
               </h:form>
           </ui:define>
           <ui:define name="content">
               <h:form id="fomulario">
                   <h:panelGrid columns="2">
                       <h:outputText id="labelNombre" value="Nombre Grupo"/>
                        <h:inputText id="campoNombreGrupo" value="#{grupoAction.grupo.nombre}"
                                     required="true" requiredMessage="El valor es obligatorio"/>
                        <h:outputText id="labelDescripcion" value="Descripción Grupo"/>
                        <h:inputText id="campoDescripcionGrupo" value="#{grupoAction.grupo.descripcion}"
                                     required="false" />
                        
                   </h:panelGrid>
                   <h:panelGrid columns="1" style="display: #{grupoAction.idGrupo == null ? '' : 'none'}">
                       <h:commandButton action="#{grupoAction.guardarGrupo}" value="Guardar" disabled="#{grupoAction.idGrupo == null ? false : true}"/>
                   </h:panelGrid>
                   <h:panelGrid columns="1" style="display: #{grupoAction.idGrupo == null ? 'none' : ''}">
                       <h:commandButton action="#{grupoAction.editarGrupo}" value="Editar" disabled="#{grupoAction.idGrupo == null ? true : false}"/>
                   </h:panelGrid>
                </h:form>
           </ui:define>
       </ui:composition>
    </body>
</html>


